/*
 mobile.css 1.3.2
 This file is part of OpenAero.

  OpenAero was originally designed by Ringo Massa and built upon ideas
  of Jose Luis Aresti, Michael Golan, Alan Cassidy and many others. 

  OpenAero is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  OpenAero is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with OpenAero.  If not, see <http://www.gnu.org/licenses/>.
*/

/* This file defines all the css styles for the mobile version
 * They will override any equivalent css styles in OpenAero.css */

body {
  font-size: 1.25em;
}
select {
  background-color: #fff;
}
#topBlock {
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
  border-bottom: 1px solid #888;
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
  width: 320px;
  height: 86px;
  padding: 0 0 2px 0;
  z-index: 10;
}
#openAeroLogo {
  display: none;
}
.version {
  display: none;
}
#sequenceTextContainer {
  position: relative;
  margin-right: 24px;
  left: 34px;
}
#sequence_text {
  position: absolute;
  top: 0px;
  left: 0px;
  /* 16px is minimum size to prevent auto-zoom */
  font-size: 16px;
  width: 280px;
  height: 58px;
  resize: none;
  /* OpenAero text as SVG background */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" width="320" height="54"><text x="160" y="42" text-anchor="middle" font-family="Verdana" font-size="46" style="fill:#ffebb0;stroke:#ffebb0;letter-spacing:6px;">OpenAero</text></svg>');
}
#main {
	position: absolute;
  top: 88px;
  width: 320px;
}
#leftBlock {
  position: absolute;
  top: 2px;
  left: 0px;
  background: #f4f4f4;
  width: 320px;
  padding: 0;
  z-index: 1;
}
#sequenceInfo {
  background: -webkit-linear-gradient(top, #f4f4f4, #e0e0ff);
  font-size: 14px;
}
#figureInfo {
  background: -webkit-linear-gradient(top, #f4f4f4, #e0e0ff);
}
.tabSelector {
  width: 320px;
}
.tabSelector li {
  width: 101px;
  height: 22px;
}
.inactiveTab {
  font-size: 16px;
}
.activeTab {
  font-size: 16px;
  letter-spacing: -0.1em;
}
#svgContainer {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 312px;
  background-color:#ffffff;
  /*background: -webkit-linear-gradient(top, #f4f4f4, #ffffff);*/
  padding: 4px;
  z-index: 2;
}
#figureSelector {
  position: absolute;
  overflow: hidden;
  top: 4px;
  left: -320px;
  -moz-transition: 0.2s left;
  -o-transition: 0.2s left;
  -webkit-transition: 0.2s left;
  transition: 0.2s left;
  width: 320px;
  padding: 0px;
  background: #f4f4f4;
  background: -webkit-linear-gradient(top, #f4f4f4, #e0e0ff);
  z-index: 2;
}
#figureSelector.active {
  left:0;
}
.button {
  margin-left: 5px;
  margin-right: 5px;
}
.undoRedoButton {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0;
}
.minButton {
	background-image: url('buttons/minus.png');
	height: 32px;
  width: 32px;
}
.plusButton {
	background-image: url('buttons/plus.png');
	height: 32px;
  width: 32px;
}
.plusMinText {
  font-size: 24px;
}
#undo {
  background-image: url('buttons/undo.png');
}
#redo {
  background-image: url('buttons/redo.png');
}
#figStartButton.upright {
  background-image: url('buttons/figStartUp.png');
}
#figEndButton.upright {
  background-image: url('buttons/figEndUp.png');
}
#figStartButton.inverted {
  background-image: url('buttons/figStartInv.png');
}
#figEndButton.inverted {
  background-image: url('buttons/figEndInv.png');
}
#scale {
  margin-left: 6px;
  margin-right: 6px;
}
#moveX,#moveY {
  margin-left: 6px;
  margin-right: 6px;
}
.rollSelect {
  font-size: 2em;
}

/* logo chooser */
#activeLogo {
  float: right;
}
#logoChooserContainer.active {
  left: 30px;
}
/* figure chooser */

#figureChooser {
  margin: 2px;
  width: 318px;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  overflow: auto;
}
table#figureChooserTable td {
  padding: 1px;
  border: 1px solid #eee;
  border-radius: 5px;
}
table#figureChooserTable td.selected {
  border: 1px solid magenta;
}
#figureSelectorOptionsDiv select,#figureSelectorGroupDiv select {
  font-size: 16px;
}
/* alertBox */
#alertBox {
  top: 10%;
  left: 5%;
  width: 90%;
}
.box {
  top: 10%;
  left: 5%;
  width: 90%;
}
#menu a {
  padding: 6px 3px 6px 3px;
  border-left: 1px solid #ddd;
}

